<!DOCTYPE html>
<html lang="en">
    <head>
        <title><company:name/> | <company:slogan/></title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.4.2.min.js">
        </script>
        <script type="text/javascript" src="js/cufon-yui.js">
        </script>
        <script type="text/javascript" src="js/Humanst521_BT_400.font.js">
        </script>
        <script type="text/javascript" src="js/Humanst521_Lt_BT_400.font.js">
        </script>
        <script type="text/javascript" src="js/roundabout.js">
        </script>
        <script type="text/javascript" src="js/roundabout_shapes.js">
        </script>
        <script type="text/javascript" src="js/gallery_init.js">
        </script>
        <script type="text/javascript" src="js/cufon-replace.js">
        </script>
        <!--[if lt IE 7]>
            <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="all">
        <![endif]-->
        <!--[if lt IE 9]>
            <script type="text/javascript" src="js/html5.js"></script>
            <script type="text/javascript" src="js/IE9.js"></script>
        <![endif]-->
    </head>
    <body>
        <!-- header -->
        <header>
            <div class="container">
                <h1><a href="index.html"><company:name></a></h1>
                <nav>
                    <ul>
                        <li>
                            <a href="index.html" class="current"><company:menu/></a>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>
        <!-- #gallery -->
        <section id="gallery">
            <div class="container">
                <ul id="myRoundabout">
                    <li>
                        <img src="images/slide3.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/slide2.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/slide5.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/slide1.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/slide4.jpg" alt="">
                    </li>
                </ul>
            </div>
        </section><!-- /#gallery -->
        <div class="main-box">
            <div class="container">
                <div class="inside">
                    <div class="wrapper">
                        <!-- aside -->
                        <aside>
                            <h2>Recent <span>News</span></h2>
                            <!-- .news -->
                            <ul class="news">
                                <li>
                                    <figure>
                                        <strong>22</strong>June
                                    </figure>
                                    <h3><a href="#">Sed ut perspiciatis unde</a></h3>
                                    Domnis iste natus error sit voluptam accusa doloremque <a href="#">...</a>
                                </li>
                                <li>
                                    <figure>
                                        <strong>09</strong>June
                                    </figure>
                                    <h3><a href="#">Totam rem aperiam</a></h3>
                                    Eaqueipsa quae abillo inventoretis et quasi architecto beatae <a href="#">...</a>
                                </li>
                                <li>
                                    <figure>
                                        <strong>31</strong>May
                                    </figure>
                                    <h3><a href="#">Inventore veritatis et quasi</a></h3>
                                    Architecto beatae vitae dicta sunt explicabo <a href="#">...</a>
                                </li>
                                <li>
                                    <figure>
                                        <strong>25</strong>May
                                    </figure>
                                    <h3><a href="#">Nemo enim ipsam</a></h3>
                                    Voluptatem quia voluptas sit asper natur aut odit aut fugit <a href="#">...</a>
                                </li>
                            </ul>
                            <!-- /.news -->
                        </aside>
                        <!-- content -->
                        <section id="content">
                            <article>
                                <h2>Welcome to <span>Our Design Company!</span></h2>
                                <p>
                                    Design Company is a free web template created by TemplateMonster.com team. This website template is optimized for 1024X768 screen resolution. It is also HTML5 &amp; CSS3 valid.
                                </p>
                                <figure>
                                    <a href="#"><img src="images/banner1.jpg" alt=""></a>
                                </figure>
                                <p>
                                    This website template has several pages: <a href="index.html">Home</a>, <a href="about.html">About us</a>, <a href="privacy.html">Privacy Policy</a>, <a href="gallery.html">Gallery</a>, <a href="contacts.html">Contact us</a>
                                    (note that contact us form – doesn’t work), <a href="sitemap">Site Map</a>.
                                </p>
                                This website template can be delivered in two packages - with PSD source files included and without them. If you need PSD source files, please go to the template download page at TemplateMonster to leave the e-mail address that you want the template ZIP package to be delivered to.
                            </article>
                        </section>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <footer>
            <div class="container">
                <div class="wrapper">
                    <div class="fleft">
                        Copyright - <company:name/>
                    </div>
                </div>
            </div>
        </footer>
        <script type="text/javascript">
            Cufon.now();
        </script>
    </body>
</html>
